<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        js的引入有三种方式

        1、行内式 (不常用)
        <div onclick="console.log('这是行内式')"></div>

        2、内嵌式
        <script>
            console.log('这是内嵌式')
        </script>
        可以放在任何位置，建议放在body里变，最后一个标签的后边，也可以放在body的外边
        3、外链式
        <script src="./js/02.js"></script>
        可以放在任何位置，建议放在body里变，最后一个标签的后边，也可以放在body的外边
     -->

     <!-- <div onclick="console.log('这是点击事件！');alert('这是第二段话！');"></div> -->
     <!-- <div onclick="console.log('这是点击事件！');alert('这是第二段话！');"></div> -->
     <!-- <script>
         console.log('这是内嵌式')
     </script> -->
    <script src="./js/02.js"></script>
</body>

</html>